.all-content{
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    .all-content-title{
        height: .57rem;
        padding-bottom: .16rem;
        flex-shrink:1;
        @include border(0 0 1px 0);
        ul{
            height: .57rem;
            // display: flex;
            // flex-wrap: nowrap;
            // justify-content: space-around;
            // align-items: center;
            white-space: nowrap;
            overflow-x: scroll;
            text-align: center;
            
            li{ 
                height: .4rem;
                line-height: .4rem;
                display: inline-block;
                margin: 0 .14rem;
                // width: .5rem;
                font-size: .16rem;
            }
            li.active{
                border-bottom: 2px solid red;
            }
        }
    }

    .all-content-sort{
        flex-shrink:1;
        width: 100%;
        //height: .6rem;
        background-color:#f5f5f5;
        @include border(0 0 1px 0);
        ul{
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
    }
    .all-content-wrap{
        flex-shrink:1;
        overflow-y: scroll;
        .all-content-list{
            width: 100%;
            min-height: 10rem;
            .head,.foot{
                width: 100%;
                height: .4rem;
                display: flex;
                justify-content: center;
                align-items: center;
                img{
                    width: .14rem;
                    height: .14rem;
                }
            }
            .head{
                img{
                    transform: rotate(180deg);
                }
            }
            .up {
                transform: rotate(360deg) !important;
                -webkit-transform: rotate(360deg) !important;
              }
              .down {
                transform: rotate(180deg);
              }  
            .all-data-show{
                width: 100%;
                height: 1.92rem;
                
                padding: .24rem .24rem .48rem;
                display: flex;
                justify-content: space-between;
                .all-data-img{
                    width: .91rem;
                    height: 100%;
                    img{
                        width: .91rem;
                        height: 100%;
                    }
                }
                .all-data-desc{
                    width: 2.2rem;
                    height: 100%;
                    .all-data-desc-name{
    
                        font-size: .18rem;
                        font-weight: 700;
                    }
                    .all-data-desc-city{
                        width: 100%;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        color: #999;
                    }
                    .all-data-desc-price{
                        font-size: .18rem;
                        color: #ff1268;
                    }
                }
            }
        }
    }
   
}